.zwb-table .ant-table {
  overflow-x: auto;
}

.zwb-table-blue .ant-table {
  --border-color-base: #1890ff;
  --btn-primary-bg: #cce4ff;
  --table-row-bg: #f0f5ff;
}

.zwb-table-red .ant-table {
  --border-color-base: #ff4d4f;
  --btn-primary-bg: #ffd8d9;
  --table-row-bg: #fff1f0;
}

.zwb-table-green .ant-table {
  --border-color-base: #52c41a;
  --btn-primary-bg: #d9f7be;
  --table-row-bg: #f6ffed;
}

.zwb-table-black .ant-table {
  --border-color-base: #000000;
  --btn-primary-bg: #d9d9d9;
  --table-row-bg: #fafafa;
}

.zwb-table .ant-table {
  border-color: var(--border-color-base);
}

.zwb-table .ant-table-thead > tr > th {
  background-color: var(--btn-primary-bg);
  color: rgba(0, 0, 0, 0.85);
  border-color: var(--border-color-base);
}

.zwb-table .ant-table-tbody > tr > td {
  background-color: var(--table-row-bg);
}

.zwb-table .ant-pagination,
.zwb-table .ant-btn {
  --antd-wave-shadow-color: var(--border-color-base);
}
